
.loader {
    text-align: center;
    margin: 0 auto;
    width: 100%;
     height: 100%;
    
}

.load-div {
    z-index: 99999;
    position: fixed;
    text-align: center;
    width: 100%;
    display: block;
    background: #58595b;
    height: 100%;
    top: 0px;
    transition: all 1s;
}

.main{
		width: 100%;
		height: 100%;
    position: relative;

	}
	
	.loading{
		width: 277px;
		height: 40px;
		margin: 0 auto;
		position: absolute;
		left: 50%;
		margin-left:-138px;
		top: 35%;
	}
.loadimg{ padding-bottom:10px;}
	.loading span{
		display: inline-block;
		width: 1px;
		height: 10px;
		margin-right: 18px;
		background: #f1f1f1;
		/* -webkit-transform-origin: right bottom; */
		-webkit-animation: load 1s ease infinite;
		border-radius: 20px;
	}
	.loading span:last-child{
		margin-right: 0px; 
	}
	@-webkit-keyframes load{
		0%{
			opacity: 1;
		}
		100%{
			opacity: 0;
			-webkit-transform: rotate(90deg);
		}
	}
	.loading span:nth-child(1){
		-webkit-animation-delay:0.13s;
	}
	.loading span:nth-child(2){
		-webkit-animation-delay:0.26s;
	}
	.loading span:nth-child(3){
		-webkit-animation-delay:0.39s;
	}
	.loading span:nth-child(4){
		-webkit-animation-delay:0.52s;
	}
	.loading span:nth-child(5){
		-webkit-animation-delay:0.65s;
	}
.loading span:nth-child(6){
		-webkit-animation-delay:0.78s;
	}
     /* Demo Buttons Style */
.codrops-demos {
	font-size: 0.8em;
	text-align:center;
	position:absolute;
	z-index:99;
	width:96%;
}

.codrops-demos a {
	display: inline-block;
	margin: 0.35em 0.1em;
	padding: 0.5em 1.2em;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	border-radius: 2px;
	font-size: 110%;
	border: 2px solid transparent;
	color:#07dc4e;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo {
	border-color: #07dc4e;
}
